<script lang="tsx">
/**
 * 仓库库存
 */
export default {
    name: "warehouse-inventory"
}
</script>

<script lang="tsx" setup>
import { ref } from "vue"
import { definePageModel, PageModel } from "@/frame/view/layout/page-model/constructor.ts"

/**
 * 页面配置
 */
const pageModelRef = ref()
const config = definePageModel<any>({
    url: "/api/WarehouseInventory",
    searchForm: {
        els: [
            {
                eType: 'el-input',
                prop: "goods",
                props: {
                    placeholder: "物料名称",
                    clearable: true
                }
            }, {
                eType: 'el-input',
                prop: "Warehouse",
                props: {
                    placeholder: "仓库",
                    clearable: true
                }
            }, {
                eType: 'el-input',
                prop: "WarehousePosition",
                props: {
                    placeholder: "仓位",
                    clearable: true
                }
            }
        ]
    },
    table: {
        page: {
            enable: true,
            pageSize: 20
        },
        props: {
            stripe: false,
            border: false
        },
        els: [
            {
                label: "仓库编码",
                prop: "warehouseCode",
                minWidth: 120
            },
            {
                label: "仓库名称",
                prop: "warehouseName",
                minWidth: 120
            },
            {
                label: "仓位编码",
                prop: "warehousePositionCode",
                minWidth: 120
            },
            {
                label: "仓位名称",
                prop: "warehousePositionName",
                minWidth: 120
            },
            {
                label: "批次号",
                prop: "batchNumber",
                minWidth: 120
            },
            {
                label: "实时库存",
                prop: "number_Real",
                minWidth: 200
            },
            {
                label: "制单时间",
                prop: "createTime",
                minWidth: 200
            }
        ]
    }
})
</script>

<template>
    <PageModel ref="pageModelRef" :PageModel="config" />

    <OrderDetail ref="orderDetailRef" />
</template>